//引入字体图标
require("../../fonts/iconfont.css");
/**
 * 工具函数
 */
//服务器地址
let BASE_URL = "http://139.9.177.51:8099";

//验证手机号
function isphoneNum(phoneNum) {
    return /^1[3-9]\d{9}$/.test(phoneNum)
}
/* 密码验证 */
function passwordTest(val) {
    //以字母开头的6-12的字母数字和下划线
    return /^[a-zA-Z]\w{5,11}$/.test(val)

}
/* 封装的信息提示框 */
function showToast(icon = "zp-good", msg = "操作成功") {
    //创建div
    let div = document.createElement("div");
    //设置类名
    div.className = "toast";
    //设置内容
    div.innerHTML =
        `
<span class="iconfont ${icon}"></span>
<p class="mt10">${msg}</p>   
`
    //添加到内容
    document.body.append(div);
    //延时器
    window.setInterval(function () {
        div.remove();
    }, 3000)
}
/* showTabbar(page); */
//封装底部导航栏
function showTabbar(page) {
    /* page的取值:
            index
            run
            mine
     */
    // 1 创建div
    let div = document.createElement("div");
    // 2 设置类名
    div.className = "nav-bar dpflex";
    // 3 设置内容
    div.innerHTML =
        `
            <a class="nav-link  ${page === "index" ? 'active' : ''}" href="index.html">
            <i class="iconfont zp-home"></i>
                <p class="nav-text"> 首页</p>
            </a>  
            <a class="nav-link  ${page === "run" ? 'active' : ''}" href="run.html">
                <i class="iconfont zp-exercise"></i>
                <p class="nav-text">运动</p>
            </a>  
            <a class="nav-link ${page === "mine" ? 'active' : ''}" href="mine.html">
                <i class="iconfont zp-personal "></i>
                <p class="nav-text">我的</p>
            </a>  
        `
    //4 添加到页面
    document.querySelector("#footer").appendChild(div);

}


//封装顶部导航栏
function showTopName(page) {
    /* page的取值:
            run
            ride
            courselist
     */
    // 1 创建div
    let div = document.createElement("div");
    // 2 设置类名
    div.className = "top-nav dpflex space-between";
    // 3 设置内容
    div.innerHTML =
        `
            <a class="nav-link  ${page === "run" ? 'active' : ''}" href="run.html">
                 跑步
            </a>  
            <a class="nav-link  ${page === "ride" ? 'active' : ''}" href="ride.html">
                骑行
            </a>  
            <a class="nav-link ${page === "courselist" ? 'active' : ''}" href="courselist.html">
                课程训练
            </a>  
        `
    //4 添加到页面
    document.querySelector("#header").appendChild(div);

}
/* 
补0 的函数 
 */
function padZero(n) {
    return n < 10 ? "0" + n : n;
}
/* 把秒转为时分秒 */
function secondToHMS(n) {
    //小时
    let h = Math.floor(n / 60 / 60);
    //分钟
    let m = Math.floor(n / 60 % 60);
    //秒
    let s = n % 60;
    //转为 00:00:00
    return [h, m, s].map(function (v) {
        return padZero(v)
    }).join(":");
}

/* 处理日期格式 */
function formatDate(strDate) {
    const now = new Date(strDate);
    let y = now.getFullYear();
    let m = now.getMonth() + 1;
    let d = now.getDate();
    console.log([y, m, d]);
    return [y, m, d].join("-");

}

/* 暴露功能 */
window.$utils = {
    isphoneNum,
    passwordTest,
    BASE_URL,
    showToast,
    showTabbar,
    formatDate,
    padZero,
    showTopName,
    secondToHMS,
}